<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>联想会员登录注册</title>
    <link rel="stylesheet" href="../styles/common.css">
    <link rel="stylesheet" href="../styles/herader.css">
    <link rel="stylesheet" href="../styles/login.css">
</head>
<body>
    <div class="header">
        <div class="log">
            <a href="./index.html"></a>
        </div>
        <div class="header_nav">
            <div class="content">
                <ul>
                    <li><a href="./index.html">联想首页</a></li>
                    <li><a href="./index.html">商城</a></li>
                    <li><a href="#">社区</a></li>
                    <li><a href="#">服务</a></li>
                    <li><a href="#">资讯</a></li>
                    <li><a href="#">门店</a></li>
                    <li><a href="#">手机版</a></li>
                </ul>
                <div class="phone">
                    <img src="https://p1.lefile.cn/product/adminweb/2019/01/18/c8f87ce8-1e14-4bb3-854e-f86af0f07072.png" alt="">
                    <div class="phone_hove">
                        <div class="phone_hove_main">
                            <img src="https://p2.lefile.cn/product/adminweb/2019/01/21/cb6cb783-ef71-4248-9996-3602a7906600.jpg" alt="">
                            <span class="phone_hove_title">
                                联想客户端
                                <span>
                                    下载即享
                                    <br>
                                    188元新人礼
                                </span>
                            </span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="L_wrapper">
        <div class="L_title">登录注册联想会员</div>
        <div class="L_opsition">
            <h3 class="L_register">用户注册</h3>
            <h3 class="L_login now">用户登录</h3>
        </div>
        <div class="r_box">
            <div class="L_main">
                <div class="resister_item r">
                        <input type="text" placeholder="输入用户名" class="user ">
                </div>
                <div class="resister_item r">
                        <input type="text" placeholder="输入手机号" class="phones ">
                </div>
                <div class="resister_item r">
                        <input type="password" placeholder="输入密码，密码长度8-20位字符" class="pwd ">
                </div>
                <div class="resister_item r">
                        <input type="password" placeholder="再次输入密码" class="repwd ">
                </div>
            </div>
            <div class="error">
                <i class="error_img"></i>
                <p class="error_txt"></p>
            </div>
            <a href="javascript: ;" class="L_r_btn" id="resister">立即注册</a>
            <div class="explain">
                <input type="checkbox">
                <span>
                    注册账号即表示您同意并愿意遵守联想 
                    <a href="javascritp:;">使用条款</a>
                    和
                    <a href="javascript:;">隐私权政策</a>
                </span>
            </div>
        </div>
        <div class="l_box">
            <div class="L_main">
                <div class="resister_item">
                    <input type="text" placeholder="输入手机号" class="phoness ">
                </div>
                <div class="resister_item">
                    <input type="password" placeholder="输入密码" class="pwds ">
                </div>
            </div>
            <div class="error">
                    <i class="error_img"></i>
                    <p class="error_txt"></p>
            </div>
            <a href="javascript: ;" class="L_r_btn" id="login">立即登录</a>
        </div>
    </div>
    <script src="../scripts/libs/jquery.js"></script>
    <script type="module">
        import l_index from "../scripts/l_loginIndex.js"
    </script>
</body>
</html>